<template>
  <div class="head">
    <el-col type="flex" :span="4">
      <div>物联网应用</div>
    </el-col>
    <el-col type="flex" :span="14">
      <div>—</div>
    </el-col>
    <el-col type="flex" :span="2">
      <div>设备列表：</div>
    </el-col>
    <el-col type="flex" :span="4">
      <el-select v-model="value">
        <el-option
          v-for="item in deviceList"
          :key="item.deviceName"
          :label="item.deviceName"
          :vlaue="index"
        ></el-option>
      </el-select>
    </el-col>
  </div>
</template>

<script>
export default {
  props: ["deviceList"],
  data() {
    return {
      value: 0 // 当前选中的设备名字
    };
  }
};
</script>
  
<style scoped>
.head {
  height: 60px;
  line-height: 60px;
  background: #242424;
  color: #fff;
  padding: 0 20px;
}
</style>